<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        canvas{
            border: 1px solid #000 !important;
        }
    </style>
    <script src="konva.js"></script>
</head>
<body>
    <div id="kon"></div>
</body>
<script>
   var stage = new Konva.Stage({
       width: window.innerWidth,
       height: window.innerHeight,
       container: 'kon'

   });

    var layer = new Konva.Layer();

    var star1 = new Konva.Star({
        x: stage.getWidth()/2,
        y: stage.getWidth()/2,
        numPoint: 5,
        innerRadius: 50,
        outerRadius: 100,
        fill: 'yellow',
        draggable: true
    });
   var star2 = new Konva.Star({
       x: stage.getWidth()/2,
       y: stage.getWidth()/2,
       numPoint: 5,
       innerRadius: 60,
       outerRadius: 110,
       stroke: 'yellow',
       draggable: true
   });


    layer.add(star1);
   layer.add(star2);
    stage.add(layer);
</script>
</html>